<script setup lang="ts">
import { ref } from 'vue'
// const drink = ref({
//   name: '红牛',
//   color: '黄色',
//   price: '7',
//   skill: '提神醒脑'
// })
</script>

<template>
  <h2>饮料</h2>
  <!-- 
   遍历对象
    value 值
    key 键
  -->
  <!-- <h3 v-for="(value, key) in drink">{{ key }}-{{ value }}</h3> -->

  <!-- 遍历数字
     批量生成结构 
  -->
  <h2>遍历数字</h2>
  <span v-for="(item, index) in 200000" :key="index">🐔🐱</span>
</template>

<style></style>